<template>
    <view class="content">
        <up-form
				labelPosition="left"
				:model="model1"
				:rules="rules"
				ref="form1"
                labelWidth="100"
		>
			<up-form-item
					label="借阅编号："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="图书编号："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="图书名称："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="类型："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="作者："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="数量："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="借阅日期："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="借阅天数："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="应还日期："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
            <up-form-item
					label="账号："
					prop="userInfo.name"
					borderBottom
					ref="item1"
			>
				<up-input
						v-model="model1.userInfo.name"
						border="none"
				></up-input>
			</up-form-item>
        </up-form>
    </view>


</template>

<script>
import Vue from 'vue'
// import common from '../../common/common.js'
export default {
    data() {
        return {
            model1:{
                userInfo:{
                    name:'金瓶梅1'
                }
            },
            rules:{},
            title: '',
            tableData: [
                { p1: '金瓶梅1', p2: '9872', p3: '5' },
                { p1: '金瓶梅2', p2: '9872', p3: '5' },
                { p1: '金瓶梅3', p2: '9872', p3: '5' },
                { p1: '金瓶梅4', p2: '9872', p3: '5' }
            ],
            // 每页数据量
            pageSize: 10,
            // 当前页
            pageCurrent: 1,
            // 数据总量
            total: 10,
            loading: false
        }
    },
    onLoad() {
        this.getData(1);
    },
    methods: {
        goEditAndDetail() { },
        // 分页触发
        change(e) {
            this.getData(e.current)
        },
        // 获取数据
        getData(pageCurrent, value = '') {
            this.loading = true
            this.pageCurrent = pageCurrent
            let requestData = {
                "pageNo": this.pageCurrent,
                "pageSize": this.pageSize + '',
            };
            let myThis = this;
            myThis.loading = false
            return
            common.sendRequest('POST', common.KTradeid_miniIntegralList, requestData, (data) => {


                //  4.8  3.43
                console.log('积分分页数据 =' + JSON.stringify(data));
                let res = data.data.data;
                myThis.tableData = res.list
                myThis.total = res.count


                console.log('分页数据总条目 =' + JSON.stringify(myThis.total));






            }, (data) => {




            })




        },




    }
}
</script>


<style>
.content {
    margin-left: 1vw;
    width: 98vw;
    display: flex;
    flex-direction: column;
    padding-bottom: 360px;
    /*   align-items: center;
    justify-content: center; */


}


.charts-box {


    height: 360px;
}
</style>